<section id="inline-icons">
    <h2 class="page-header">Inline Icons</h2>
    <div class="row">
        <div class="span3">
            <p>Place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag.</p>
        </div>
        <div class="span9">
            <div class="well well-transparent">
                <div style="font-size: 24px; line-height: 1.5em;">
                    <i class="icon-camera-retro"></i>icon-camera-retro
                </div>
            </div>
            {% highlight html %}
            <i class="icon-camera-retro"></i>icon-camera-retro
{% endhighlight %}

            <div class="alert alert-info"><i class="icon-info-sign"></i>Icon classes are echoed via CSS :before.</div>
        </div>
    </div>
</section>